#box {
  /*border: solid;*/
  width: 700px;
  height: 600px;
  margin: auto;
  display: flex;
  position: relative;
}

#left > img {
  width: 100px;
  height: 100px;
}

#left {
  /*border: solid;*/
  width: 350px;
  height: 300px;
  margin-top: 150px;
  margin-right: 20px;
  visibility: hidden;
  display: flex;
  position: relative;

}

#right {
  /*border: solid; !*需要注释*!*/
  width: 350px;
  height: 400px;
  margin-top: 50px;
  margin-right: 20px;
  text-align: center;
}

#right span {
  margin-left: 50px;
}


#booksTable {
  margin-top: 10px;
  height: 280px;
}

#booksTable, #booksTable > tbody {
  width: 350px;
  display: block;
  height: 200px;
  cursor: default;
}

#booksTable-tbody {
  overflow-y: scroll;
}

#booksTable > thead > tr > th {
  width: 79px;
}

#booksTable-tbody > tr > td {
  width: 79px;
}

#booksTable-tbody > tr > td > img {
  width: 20px;
  height: 20px;
}


/*遮罩*/
#shade {
  width: 700px;
  height: 600px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(252, 229, 119, 0.4);
  visibility: hidden;
  display: flex;
}

#shopCarBox {
  position: absolute;
  left: 200px;
  top: 250px;
  background-color: #f18b79;
  display: none;

}

#shopCar th,td{
  width: 50px;
  /*border-bottom: #9e9e9e 1px solid;*/
}
